﻿@charset "utf-8";
/*Writed by XIAO Yang (http://xiaoyang.de)*/
/* CSS Document */

body{
	text-align:center;
	margin:0;
	padding:0;
	color:#000;
	background: #fff;
	font-size:14px;
	font-family:"微软雅黑", "Microsoft YaHei", "Arial", "sans-serif";
}

div,form,img,ul,ol,li,dl,dt,dd{
	margin: 0; 
	padding: 0; 
	border:0; 
}

h1,h2,h3,h4,h5,h6 {
	margin:0; 
	padding:0; 
	font-weight:normal;
}

table,td,tr,th{
	font-size:12px;
}

input,button{
	cursor:pointer;
}

img{
	vertical-align:top;
}

table{
	margin:0 auto;
}

/* 链接颜色 */
a:link {color: #009;text-decoration:none;}
a:visited {color: #606;text-decoration:none;}
a:hover {color: #900; text-decoration:underline;}
a:active {color:#FF0000;}

/* 颜色属性 */
.cRed,a.cRed:link,a.cRed:visited{ color:Red; }
.cBlue,a.cBlue:link,a.cBlue:visited{color:#1f3a87;}
.cDRed,a.cDRed:link,a.cDRed:visited{ color:#bc2931;}
.cGray,a.cGray:link,a.cGray:visited{ color: #333;}
.cDGray,a.cDGray:link,a.cDGray:visited{ color: #666;}
.cWhite,a.cWhite:link,a.cWhite:visited{ color:#fff;}
.cBlack,a.cBlack:link,a.cBlack:visited{color:#000;}
a.cBlack:hover, a.cDGray:hover, a.cGray:hover{color:blue;}
.cGreen,a.cGreen:link,a.cGreen:visited{color:#008000;}
.cYellow,a.cYellow:link,a.cYellow:visited{color:#ff0;}

/* 字体属性 */
.fB {font-weight: bold;}
.fI {font-style: italic;}

/* 字体大小*/
.f12px{ font-size:12px;}
.f14px{ font-size:14px;}

/* 其他属性 */
.left{ float: left;}
.right{ float: right;}
.clear{ clear: both; font-size:1px; width:1px; height:0; overflow:hidden; }
.hidden {display: none;}
.unLine ,.unLine a{text-decoration: none;}
.noBorder{border:none;	}


/* Div及内部定义 */

#container {
	margin-left:auto;
	margin-right:auto;
	width:990px;
	background-image: url(../image/bgMain.jpg);
	background-repeat: repeat-y;
	margin-top: 20px;
}

#headerTitle {
	width:990px;
	height: 65px;
	background-image:url(../image/bgHeaderTitle.jpg);
	background-repeat: no-repeat;
	text-align:right;
}

#headerMenu{
	width:990px;
	height:168px;
	padding-top:40px;
	background-image:url(../image/bgHeaderMenu.jpg);
	background-repeat: no-repeat;
}

#headerMenu ul {
	padding-left:150px;
}

#nav li {
	margin: 0;
	list-style: none;
	display: inline;
	width:128px;
	height: 144px;
	float:left;
	overflow:hidden;
	line-height:260px;
	color:black;
	margin-right:45px;
	background-repeat:no-repeat;
	cursor: pointer;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}


#me{
	background-image:url(../image/iconMe.jpg);
}

#photo{
	background-image:url(../image/iconPhoto.jpg);
}

#blog{
	background-image:url(../image/iconBlog.jpg);
}

#other{
	background-image:url(../image/iconOther.jpg);
}

#main {
	width:990px;
	background-image: url(../image/bgMain.jpg);
	background-repeat: repeat-y;
	padding-bottom:20px;
	text-align:left;
}

#content{
	margin-left:135px;
	margin-right:55px;
	text-align:left;
}

#content p{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px;
	margin-right:20px;
}

#content li{
	margin-left:30px;
	margin-right:30px;
	margin-top:15px;
	font-size:14px;
}


#footer {
	width:990px;
	height:160px;
	background-image:url(../image/bgFooter.jpg);
	background-repeat: no-repeat;
	text-align:left;
}

#footer p{
	padding-left:150px;
	line-height:80px;
}


h1{
	line-height:30px;
	color:#cccccc;
	font-size:12px;
}

h2{
	line-height:20px;
	color:#cccccc;
	font-size:12px;
}

h3{
	width:750px;
	font-size:16px;
	font-weight:bold;
	color:#000066;
	border-bottom:3px ridge #000066;
	margin-top:25px;
}
